<template>
 <div class="top-card">
      <div class="icon-wrap">
        <!-- 封面 -->
        <img :src=" topcardlist.coverImgUrl" alt="" />
      </div>
      <div class="content-wrap">
        <div class="tag">精品歌单</div>
        <!-- 标题 -->
        <div class="title">
         {{topcardlist.name}}
        </div>
        <!-- 介绍 -->
        <div class="info">
         {{ topcardlist.description}}
        </div>
      </div>
     <!--  背景 -->
      <img :src=" topcardlist.coverImgUrl" alt="" class="bg" />
      <div class="bg-mask"></div>
    </div>  
    
</template>

<script>
import axios from 'axios'
export default {
    name:'topcard',
    data(){
        return{
          topcardlist:{}
        }
    },
    created(){
        axios({
            url:'https://autumnfish.cn/top/playlist/highquality',
            method:'get',
            params:{      
            }        
        }).then(res=>{
        /*   console.log(res) */
          this.topcardlist=res.data.playlists[0]
        })
    }
}
</script>

<style>

</style>